
<ion-view hide-tabs="true" view-title="绑定个人信息">

    <ion-nav-buttons side="left">
        <a href="javascript:history.back(-1)" class="button button-icon icon ion-ios-arrow-back own-bar-p" nav-direction="back"></a>
    </ion-nav-buttons>
    <ion-content class="sys-bg">

        <div class="list">
            <form name="chargeForm" ng-submit="submit(chargeForm.$valid)">
                <div class="item row own-row input-margin">
                    <span class="col-10 input-label">姓名：</span>
                    <input class="col-90 own-grey" type="text"
                           name="name"
                           ng-model="user.userName"
                           required
                           autofocus/>
                    <div ng-messages="chargeForm.name.$error" class="user-error" role="alert">
                        <div ng-message="required">请填写姓名</div>
                    </div>
                </div>
                <div class="item row own-row input-margin">
                    <span class="col-10 input-label">手机号：</span>
                    <input class="col-90 own-grey" type="number"
                           name="phone"
                           ng-model="user.phone"
                           required
                           ng-pattern="/^1[3|4|5|6|7|8][0-9]\d{8}$/"
                           ng-maxlength="11"
                           autofocus/>
                    <div ng-messages="chargeForm.phone.$error" class="user-error" role="alert">
                        <div ng-message="required">请填写手机号</div>
                        <div ng-message="pattern">手机号格式不对</div>
                    </div>
                </div>
                <div class="item row own-row input-margin">
                    <span class="col-10 input-label">身份证：</span>
                    <input class="col-90 own-grey" type="text"
                           name="money"
                           ng-model="user.cardId"
                           ng-pattern="/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/"
                           required
                           autofocus/>
                    <div ng-messages="chargeForm.money.$error" class="user-error" role="alert">
                        <div ng-message="required">请填写身份证</div>
                        <div ng-message="pattern">身份证格式不对</div>
                    </div>
                </div>
                <button class="button button-full button-positive zf-btn" ng-disabled="chargeForm.$invalid" type="submit" >
                    确定
                </button>
            </form>
        </div>
    </ion-content>

</ion-view>
